<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table</title>
    <style type="text/css">
        .table{
            border-collapse: collapse;
        }
        tr ,td ,th {
            border:1px #000 solid;
        }
        .table th{
            background: #888;
            color: #fff;
        }
        .table .r1{
            background: #aaa;
        }
        .table .r2{
            background: #ccc;
        }
        .table tr:hover{
            background: #eee;
        }
    </style>
</head>
<body>
<table class="table" width="100%">
    <tr>
        <th>标题</th><th>标题</th>
    </tr>
    <tr class="r1">
        <td>内容</td><td>内容</td>
    </tr>
    <tr class="r2">
        <td>内容</td><td>内容</td>
    </tr>
    <tr class="r1">
        <td>内容</td><td>内容</td>
    </tr>
    <tr class="r2">
        <td>内容</td><td>内容</td>
    </tr>
</table>
</body>
</html>